<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.px1000{width: 1000px;height: inherit;margin: auto;}
			.top{display: inline;color: #fff;font-size: 18px;width: 150px;height:inherit;float: left;border-left: solid 1px #E90000;border-right: solid 1px #8D0505;text-align: center;line-height: 40px;}
			.left{float: left;text-align: center;line-height: 30px;}
		</style>
	</head>
	<body style="margin: 0;padding: 0;font-family: '微软雅黑';">
		<!--顶部-->
		<div style="width: 100%;height:30px;background-color: #DADADA;">
			<div class="px1000" >
				<img src="img/主页2.png"/ style="margin-top: 5px;float: left;">
				<b style="font-size: 12px;margin-top: 8px;margin-left: 5px;float: left;">点动p2p主页</b>
				<b style="font-size: 16px;margin-top: 4px;margin-left: 0px;float: right;">4000-000-888</b>
				<img src="img/电话2.png"/ style="margin-top: 2px;float: right;">
				<a style="float: right;margin-right: 10px;font-size: 12px;margin-top: 5px;">安全退出</a>
				<a style="float: right;margin-right: 10px;font-size: 12px;margin-top: 6px;width: 1px;height: 15px;background-color: #666666;"></a>
				<a style="float: right;margin-right: 10px;font-size: 12px;margin-top: 5px;">我是土豪您好欢迎回来-账户中心</a>
			</div>
		</div>
		<!--icon-->
		<div style="width: 100%;height: 60px;background-color: #F3F3F3;">
			<div class="px1000" >
			<img src="img/logo.jpg"/>		
			</div>
		</div>
		<!--导航栏-->
		<div style="width: 100%;height: 40px;background-color: #C60506;">
			<div class="px1000" >
				<li class="top" style="border-left: 0;">首页</li>
				<li class="top">我要借款</li>
				<li class="top">我要借出</li>
				<li class="top">计算工具</li>
				<li class="top">实时财务</li>
				<li class="top" style="border-right: 0;">理财社区</li>
				
			</div>
		</div>
	
		<!--中间内容-->
		<div style="width: 100%;height:440px;background-color: #E5E5E5;">
			
		<div style="width: 1000px;height: 400px;background-color: #fff;margin: auto;position: relative;top: 20px;">
			<div style="width: 1000px;height: 40px;background-image: url(img/background2.png);margin: auto;">
				<div style="width: 110px;height: 37px;border: solid 1px #E6E6E6;background: #fff;border-top: solid 2px #C60506;text-align: center;line-height: 37px;font-weight: bold;float: left;">
					登录
				</div>
				<div style="width: 110px;height: 40px;text-align: center;line-height: 40px;font-weight: bold;float: left;">
					免费注册
				</div>
			</div>
			
			<div style="width: 1000px;height: 360px;margin: auto;">
				<div style="width: 400px;height: 360px;float: left;">
					<div style="width: 360px;height: 30px;margin-left: 30px;margin-top: 30px;">
						<div class="left" style="color: #E55958;">*</div>
						<div class="left">用户名:</div>
						<input type="text"  style="font-size: 18px;margin-left: 10px;width: 250px;height: 30px;"/>
					</div>
					
					<div style="width: 360px;height: 30px;margin-left: 46px;margin-top: 20px;">
						<div class="left" style="color: #E55958;">*</div>
						<div class="left">密码:</div>
						<input type="text"  style="font-size: 18px;margin-left: 10px;width: 250px;height: 30px;"/>
					</div>
					
					<div style="width: 360px;height: 30px;margin-left: 30px;margin-top: 20px;">
						<div class="left" style="color: #E55958;">*</div>
						<div class="left">验证码:</div>
						<input type="text"  style="font-size: 18px;margin-left: 10px;width: 120px;height: 30px;float: left;"/>
						<div style="font-size: 18px;margin-left: 0px;width: 100px;height: 30px;float: left;background-image: url(img/yanzhengma.jpg);"></div>
						<div class="left" style="color: #7178C9;font-size: 12px;">换一张</div>
					</div>
					
					<div style="width: 140px;height: 40px;margin:auto;margin-top: 30px;background-color: #F46806;color: #fff;text-align: center;line-height: 40px;border-radius: 10px;">立即登录
						
					</div>
					
					<div style="width: 700px;height: 40px;margin-top: 30px;">
						<div class="left" style="margin-left: 30px;">合作伙伴</div>
						<img src="img/hezuohuoban.jpg" style="display: block;float: left;margin-left: 10px;"/>
					</div>
				</div>
			
			<img src="img/chengxin.jpg"/ style="float: left;margin-left: 60px;margin-top: 40px;">
			
			
			
			
			</div>
	
		</div>
		</div>
		
		<!--下部-->
		<div style="height: 383px;width: 100%;background-color: #686463;">
			<div class="px1000" style="width: 900px;height: 150px;border-bottom: dashed 1px #CDCDCB;">
				<div style="width: 160px;height: 140px;position: relative;top: 20px;float: left;">
					<img src="img/icon1.jpg"/ style="float: left;">
					<div style="height: 120px;width: 70px;float: left;margin-left: 10px;margin-top: 5px;">
					<ul style="color: #fff;margin: 0;padding: 0;">
						使用帮助
						<li style="display: inline;font-size: 14px;color: #C0C0BE;">使用帮助</li>
						<li style="display: inline;font-size: 14px;color: #C0C0BE;">使用帮助</li>
						<li style="display: inline;font-size: 14px;color: #C0C0BE;">使用帮助</li>
						<li style="display: inline;font-size: 14px;color: #C0C0BE;">使用帮助</li>
					</ul>
					</div>
				</div>
				
				<img src="img/line.jpg"/ style="float: left;margin-right: 50px;margin-top: 30px;">
				
				<div style="width: 160px;height: 140px;position: relative;top: 20px;float: left;">
					<img src="img/icon1.jpg"/ style="float: left;">
					<div style="height: 120px;width: 70px;float: left;margin-left: 10px;margin-top: 5px;">
					<ul style="color: #fff;margin: 0;padding: 0;">
						使用帮助
						<li style="display: inline;font-size: 14px;color: #C0C0BE;">使用帮助</li>
						<li style="display: inline;font-size: 14px;color: #C0C0BE;">使用帮助</li>
						<li style="display: inline;font-size: 14px;color: #C0C0BE;">使用帮助</li>
						<li style="display: inline;font-size: 14px;color: #C0C0BE;">使用帮助</li>
					</ul>
					</div>
				</div>
				<img src="img/line.jpg"/ style="float: left;margin-right: 50px;margin-top: 30px;">
				
				<div style="width: 160px;height: 140px;position: relative;top: 20px;float: left;">
					<img src="img/icon1.jpg"/ style="float: left;">
					<div style="height: 120px;width: 70px;float: left;margin-left: 10px;margin-top: 5px;">
					<ul style="color: #fff;margin: 0;padding: 0;">
						使用帮助
						<li style="display: inline;font-size: 14px;color: #C0C0BE;">使用帮助</li>
						<li style="display: inline;font-size: 14px;color: #C0C0BE;">使用帮助</li>
						<li style="display: inline;font-size: 14px;color: #C0C0BE;">使用帮助</li>
						<li style="display: inline;font-size: 14px;color: #C0C0BE;">使用帮助</li>
					</ul>
					</div>
				</div>
				<img src="img/line.jpg"/ style="float: left;margin-right: 50px;margin-top: 30px;">
				
				<div style="width: 160px;height: 140px;position: relative;top: 20px;float: left;">
					<img src="img/icon1.jpg"/ style="float: left;">
					<div style="height: 120px;width: 70px;float: left;margin-left: 10px;margin-top: 5px;">
					<ul style="color: #fff;margin: 0;padding: 0;">
						使用帮助
						<li style="display: inline;font-size: 14px;color: #C0C0BE;">使用帮助</li>
						<li style="display: inline;font-size: 14px;color: #C0C0BE;">使用帮助</li>
						<li style="display: inline;font-size: 14px;color: #C0C0BE;">使用帮助</li>
						<li style="display: inline;font-size: 14px;color: #C0C0BE;">使用帮助</li>
					</ul>
					</div>
				</div>
			</div>
			
			<div class="px1000" style="width: 700px;height: 90px;">
				<div style="width: 75px;height: 100px;position: relative;top: 30px;font-size: 12px;color: #CECCCD;float: left;">
					<img src="img/blue-icon1.jpg" style="margin-left:5px"/>
					本金保障计划
				</div>
				
				<div style="width: 75px;height: 100px;position: relative;top: 30px;font-size: 12px;color: #CECCCD;float: left;margin-left: 50px;">
					<img src="img/blue-icon1.jpg" style="margin-left:5px"/>
					本金保障计划
				</div>
				
				<div style="width: 75px;height: 100px;position: relative;top: 30px;font-size: 12px;color: #CECCCD;float: left;margin-left: 50px;">
					<img src="img/blue-icon1.jpg" style="margin-left:5px"/>
					本金保障计划
				</div>
				
				<div style="width: 75px;height: 100px;position: relative;top: 30px;font-size: 12px;color: #CECCCD;float: left;margin-left: 50px;">
					<img src="img/blue-icon1.jpg" style="margin-left:5px"/>
					本金保障计划
				</div>
				
				<div style="width: 75px;height: 100px;position: relative;top: 30px;font-size: 12px;color: #CECCCD;float: left;margin-left: 50px;">
					<img src="img/blue-icon1.jpg" style="margin-left:5px"/>
					本金保障计划
				</div>
				
				<div style="width: 75px;height: 100px;position: relative;top: 30px;font-size: 12px;color: #CECCCD;float: left;margin-left: 50px;">
					<img src="img/blue-icon1.jpg" style="margin-left:5px"/>
					本金保障计划
				</div>
			</div>
			
			<div style="width: 500px;height: 30px;margin: auto;color: #fff;font-size: 12px;margin-top: 30px;">
				<div style="width: 160px;height: 30px;float: left;">联系我们：pay.ibaoxiu.com</div>
				<div style="float: left;width: 1px;height: 10px;background-color: #fff;margin-right: 5px;margin-top: 3px;"></div>
				<div style="width: 160px;height: 30px;float: left;margin-right: 10px;">点动p2p版权所有2012-2013</div>
				<div style="float: left;width: 1px;height: 10px;background-color: #fff;float: left;margin-right: 10px;margin-top: 3px;"></div>
				<div style="float: left;">浙ICP备13026901</div>
			</div>
			
			<img src="img/icon-bottom.jpg" style="display: block;margin: auto;"/>
			
			
		</div>
		
	</body>
</html>
